<template>
    <div class="bg-white shadow-sm z-10">
        <div class="mx-auto px-4 py-3 flex items-center justify-between">
            <!-- 返回按钮 -->
            <button class="flex items-center text-neutral-600 hover:text-sky-700">
                <svg t="1746839835373" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="4630" width="16" height="16">
                    <path
                        d="M330.666667 512c0-14.933333 4.266667-29.866667 14.933333-40.533333l234.666667-277.33333399c23.466667-27.733333 64-29.866667 89.6-8.53333301 27.733333 23.466667 29.866667 64 8.53333299 89.6L477.866667 512l200.53333299 236.8c23.466667 27.733333 19.19999999 68.266667-8.53333299 89.6-27.733333 23.466667-68.266667 19.19999999-89.6-8.53333301l-234.666667-277.33333399c-10.666667-10.666667-14.933333-25.6-14.933333-40.533333z"
                        fill="" p-id="4631"></path>
                </svg>
                <span class="hidden sm:inline ml-1" @click="goBackChat">返回</span>
            </button>

            <!-- 标题 -->
            <h1 class="text-lg sm:text-xl font-semibold text-neutral-700 hidden sm:block">知识库管理</h1>

            <!-- 用户头像 -->
            <div class="flex items-center space-x-2">
                <img src="../../../assets/hongA.png"
                    class="w-8 h-8 sm:w-10 sm:h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary">
            </div>
        </div>
    </div>
</template>

<script lang="ts" setup>
import { useRouter } from 'vue-router';
const router = useRouter();
const goBackChat = () => {
    router.push('/home');
}
</script>

<style scoped></style>